// miniprogram/pages/homePage/love/loveList/loveList.js
const app = getApp()

Page({

  /**
   * 页面的初始数据
   */
  data: {
    value: '',
    ind: null,
    showpl: false,
    showcomment: null,
    list: [],
    changeList: [],
    show: '', //是否显示totop按钮
    skip: 0,//商品列表的开始位置
    totop: '',  //回顶
    message: {
      type: '',  //消息提示类型
      showMessage: false,
      text: '',   //消息提示内容,
      icon: ''   //图标
    },
  },
  onChange(event) {
    // event.detail 为当前输入的值
    this.setData({
      value: event.detail
    })
  },
  dz(e) {
    this.data.list[e.currentTarget.dataset.index].like++
    this.setData({ list: this.data.list })
    this.change(e.currentTarget.dataset.index)
  },
  showpl(e) {
    if (this.data.showpl) {
      this.setData({
        showpl: false
      })
      this.data.ind = null
    } else {
      this.setData({
        showpl: true
      })
      this.data.ind = e.currentTarget.dataset.index
    }
  },
  more(e) {
    if (this.data.showcomment == null) {
      this.setData({
        showcomment: e.currentTarget.dataset.index,
      })
    } else {
      this.setData({
        showcomment: null,
      })
    }
  },
  pl() {
    this.data.list[this.data.ind].comment.push({
      name: app.globalData.userInfo.nickName,
      text: this.data.value
    })
    this.setData({
      list: this.data.list,
      value: ''
    })
    this.change(this.data.ind)
  },
  change(num) {
    if (!this.data.changeList.includes(num)) {
      this.data.changeList.push(num)
    }
  },
  totop() {
    this.setData({
      totop: 0
    })
  },
  scrolltolower() {
    wx.showLoading({
      mask: true,
      title: '加载中',
    })

    this.data.skip += 10
    this.getList()
  },
  getList() {
    wx.showLoading({
      mask: true,
      title: '加载中',
    })
    wx.cloud.callFunction({
      name: 'love',
      data: {
        skip: this.data.skip
      }
    }).then((res) => {
      let newData = res.result.list
      if (newData.length != 0) {
        this.setData({
          list: this.data.list.concat(newData)
        })
      } else {
        this.data.skip -= 10
        this.setData({
          message: {
            showMessage: true,
            text: "已经没有更多了",
            type: "warn",
            icon: "warning"
          }
        })
        setTimeout(() => {
          this.setData({
            message: {
              showMessage: false
            }
          })
        }, 1500)
      }
      wx.hideLoading()
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // const query = wx.createSelectorQuery()
    // query.selectAll('.comment').boundingClientRect()
    // query.exec(function (res) {
    //   console.log(res);
    //   // res[0].top       // #the-id节点的上边界坐标
    //   // res[1].scrollTop // 显示区域的竖直滚动位置
    // })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    if (this.data.list.length) {
      let newList = []
      this.data.changeList.forEach(element => {
        newList.push(this.data.list[element])
      });
      wx.cloud.callFunction({
        name: 'love',
        data: {
          list: newList
        }
      })
    }
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})